.nav-bars {
  opacity: 0.37;
  background-image: linear-gradient(122deg, #F25D85 9%, #F1A562 100%)!important;
  border-radius: 116rpx;
  .right {
    display: flex;
    justify-content: space-around;
    image {
      width: 52rpx;
      height: 52rpx;
      margin-right:20rpx;
    }
  }


}
.profile {
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  view {
    // margin-right: 20px;
    image {
      width: 52rpx;
      height: 52rpx;
      margin-right:20rpx;
    }
  }
 
}

.profile-mains {
  background-color: #22262D;
  // height: 100vh;
  height: 100%;
  // padding: 0px 0 60px;
  color: #fff;
}
.profile-main {
  position: relative;
  // opacity: 0.37;
  background-image: linear-gradient(122deg, #F25D85 9%, #F1A562 100%)!important;
  border-radius: 0rpx 0rpx 58rpx 58rpx;
  padding: 0 40rpx;
  .user-info {
    display: flex;
    justify-content: space-between;
    padding: 40rpx 0 80rpx;
    .left {
      display: flex;
      align-items: center;
      .imgs {
        width: 146rpx;
        height: 146rpx;
        // background-color: pink;
        margin-right: 40rpx;
        border-radius: 50%;
        image {
          width: 100%;
          height: 100%;
          border-radius: 50%;
        }
      }
      .info {
        font-size: 28rpx;
        .user-name{ 
          color: #fff;      
          margin-bottom: 20rpx;   
        }
        .user-vip {
          font-size: 24rpx;
          // color: #ADAF9F;
          color: #F18073;
          background-color: #564247;
          padding: 8rpx 40rpx;
          border-radius: 16rpx;
        }
      }

    }
    .right {
      display: flex;
      align-items: center;
      .icon {
        width: 40rpx;
        height: 40rpx;
        color: #fff;
        image {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
  .vip-center {
    position: absolute;
    width: 70%;
    left: 50%;
    bottom: -100rpx;
    background-color: #33363D;
    transform: translateX(-50%);
    display: flex;
    color: #fff;
    padding: 40rpx 60rpx;
    border-radius: 32rpx;
    .vip-left {
      width: 75%;
      display: flex;
      .vip-main {
        display: flex;
        align-items: center;
        .line {
          width: 4rpx;
          height: 100%;
          background-color: #929293;
          margin: 0 20rpx;
        }
        .vips-right {
          font-size: 24rpx;
          display: flex;
          color: #ADAFB1;
          flex-direction: column;
          justify-content: space-between;
        }
      }
    }
    .vip-right {
      width: 25%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      .imgs {
        width: 64rpx;
        height: 70rpx;
        image {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}
.order {
  margin-top: 140rpx;
  background-color: #33363D;
  .order-top {
    height: 60rpx;
    display: flex;
    padding: 20rpx 40rpx 0;
    justify-content: space-between;
    align-items: center;
    font-size: 28rpx;
    .right {
      display: flex;
      .img {
        width: 40rpx;
        height: 40rpx;
        image {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
  .order-main {
    display: flex;
    justify-content: center;
    .order-contain {
      width: 80%;
      display: flex;
      justify-content: space-between;
      padding-bottom: 60rpx;
      .items {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        .imgs {
          width: 48rpx;
          height: 48rpx;
          padding: 40rpx 0 26rpx;
          image {
            width: 100%;
            height: 100%;
          }
        }
        .title {
          font-size: 28rpx;
          color: #A7ABAD;
        }
      }
    }
  }
}
.profile-list {
  background-color: #33363D;
  padding: 0 40rpx;
  margin: 40rpx 0;
  .items {
    display: flex;
    justify-content: space-between;
    padding: 20rpx 0;
    .icons {
      width: 40rpx;
      height: 40rpx;
      image {
        width: 100%;
        height: 100%;
      }
    }
  }
}
.profiles {
  // height: 100vh;
  // height: 100%;
  height: 1500rpx;
  background-color: #22262D;
}

